$(document).ready(function () {

    initTable();
    $('#btnModify').bind('click', btnModifyClick)
    $('#btnRemove').bind('click', btnRemoveClick)
    $('#btnSubmit').bind('click',btnSubmitClick)
})

function  btnSubmitClick(){

    var row = $('#list').bootstrapTable('getSelections')[0];//字符是方式，对象是配置

    $('#list tbody tr:eq('+(row.id-1)+')').find('td:eq(2)').text($('#quantity').val());


    //$('#info').hide(); 遮罩层不能消失
     $('#info').modal('hide');
}


function btnRemoveClick(){
    var row = $('#list').bootstrapTable('getSelections')[0];//字符是方式，对象是配置

    if(row){

       $('#list tbody tr:eq('+(row.id-1)+')').remove();

        /**
         * 1. 暂存模拟数据
         *     当前页面的内存
         *     本地存储
         * 2. 数组操作
         * 3. 重新刷新table
        * */
    }else{
        alert("请选择你要删除的数据！")
    }
}

function btnModifyClick() {
    var row = $('#list').bootstrapTable('getSelections')[0];//字符是方式，对象是配置

    if (row) {
        $('#quantity').val(row.quantity);
        console.log(row);


        $('#info').modal();
    }else {
        alert("请选择你要修改的数据！")
    }

}

function initTable() {


    $('#list').bootstrapTable({
        url: "../../mock/orders.json",
        columns: columns,
        singleSelect: true,
        clickToSelect: true,
        toolbar: '#toolbar',
        classes: ['table table-bordered table-striped table-hover']
    })
}

var columns = [
    {
        checkbox: true
    },
    {
        field: "product.name",
        title: "商品名称"
    }, {
        field: 'quantity',
        title: '数量'
    }
]